<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>我的群组-我加入的群</title>
    <link href="../c/base.css" rel="stylesheet" type="text/css">
    <link href="../c/toefl.css" rel="stylesheet" type="text/css">
    <link href="../c/bootstrap.min.css" rel="stylesheet" type="text/css">
    <script src="../j/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
    <script src="../j/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/group.js" type="text/javascript" charset="utf-8"></script>
</head>

<body>

<div class="doc910 ">
    <div class="flcb_cardMenu">
        <ul>

            <li class="on">
                <a href="###" id="myJoin">我加入的群</a>
            </li>
            <li>
                <a href="###" id="myCreate">我建立的群</a>
            </li>
            <li>
                <a href="###" id="create">我要建群</a>
            </li>
        </ul>
    </div>

    <div id="myJoinContent">
        <div class="flcb_myGroup">
            <dl>
                <dt><a href="#"><img src="../i/82x82.png"></a></dt>
                <dd>
                    <div class="flcb_myGroupClass">
                        <h3>托福英语口语强化班<span>同城考生群</span></h3>
                        <div class="flcb_cardNum"><span>12345</span>人购买</div>
                    </div>
                    <div class="flcb_myGroupTime">
                        上课时间：<span>2015-10-29</span><span>12:30--15:30</span><span>群主：123456</span></div>
                    <div class="flcb_myGroupText">曾经有一份真诚的爱情摆在我的面前我没有去珍惜，直到现在才...</div>
                    <div class="flcb_cardButton">
                        <a href="../group-chat/groupchat-chat.html" target="_parent">进群聊天</a>
                        <a href="../group-chat/groupchat-details.html" target="_parent">群信息</a>
                        <a href="###" data-toggle="modal" data-target=".modal">申请做群管理员</a>
                        <a href="###">退出该群</a>
                    </div>
                </dd>
            </dl>
            <dl>
                <dt><a href="#"><img src="../i/82x82.png"></a></dt>
                <dd>
                    <div class="flcb_myGroupClass">
                        <h3>托福英语口语强化班<span>同城考生群</span></h3>
                        <div class="flcb_cardNum"><span>12345</span>人购买</div>
                    </div>
                    <div class="flcb_myGroupTime">
                        上课时间：<span>2015-10-29</span><span>12:30--15:30</span><span>群主：123456</span></div>
                    <div class="flcb_myGroupText">曾经有一份真诚的爱情摆在我的面前我没有去珍惜，直到现在才...</div>
                    <div class="flcb_cardButton">
                        <a href="../group-chat/groupchat-chat.html" target="_parent">进群聊天</a>
                        <a href="../group-chat/groupchat-details.html" target="_parent">群信息</a>
                        <a href="###" data-toggle="modal" data-target=".modal">申请做群管理员</a>
                        <a href="###">退出该群</a>
                    </div>
                </dd>
            </dl>
            <dl>
                <dt><a href="#"><img src="../i/82x82.png"></a></dt>
                <dd>
                    <div class="flcb_myGroupClass">
                        <h3>托福英语口语强化班<span>同城考生群</span></h3>
                        <div class="flcb_cardNum"><span>12345</span>人购买</div>
                    </div>
                    <div class="flcb_myGroupTime">
                        上课时间：<span>2015-10-29</span><span>12:30--15:30</span><span>群主：123456</span></div>
                    <div class="flcb_myGroupText">曾经有一份真诚的爱情摆在我的面前我没有去珍惜，直到现在才...</div>
                    <div class="flcb_cardButton">
                        <a href="../group-chat/groupchat-chat.html" target="_parent">进群聊天</a>
                        <a href="../group-chat/groupchat-details.html" target="_parent">群信息</a>
                        <a href="###" data-toggle="modal" data-target=".modal">申请做群管理员</a>
                        <a href="###">退出该群</a>
                    </div>
                </dd>
            </dl>
        </div>
        <div class="pageList">
            <ul>
                <li><span>1</span></li>
                <li>
                    <a href="###">2</a>
                </li>
                <li>
                    <a href="###">3</a>
                </li>
                <li>
                    <a href="###">4</a>
                </li>
                <li>
                    <a href="###">5</a>
                </li>
                <li>
                    <a href="###">最后一页</a>
                </li>
                <li>
                    <a href="###" class="pret">上一页</a>
                </li>
                <li>
                    <a href="###" class="next">下一页</a>
                </li>
            </ul>
        </div>

    </div>

    <div id="myCreateContent" style="display: none;">
        <div class="flcb_myGroup">
            <dl>
                <dt><a href="#"><img src="../i/82x82.png"></a></dt>
                <dd>
                    <div class="flcb_myGroupClass">
                        <h3>托福英语口语强化班<span>同城考生群</span></h3>
                        <div class="flcb_cardNum"><span>12345</span>人购买</div>
                    </div>
                    <div class="flcb_myGroupTime">
                        上课时间：<span>2015-10-29</span><span>12:30--15:30</span><span>群主：123456</span></div>
                    <div class="flcb_myGroupText">曾经有一份真诚的爱情摆在我的面前我没有去珍惜，直到现在才...</div>
                    <div class="flcb_cardButton">
                        <a href="../group-chat/groupchat-chat.html" target="_parent">进群聊天</a>
                        <a href="../group-chat/groupchat-details.html" target="_parent">群信息</a>
                        <a href="../group-chat/groupchat-edit.html" target="_parent">编辑资料</a>
                        <a href="###">退出系统管理员</a>
                        <a href="###">关闭群</a>
                    </div>
                </dd>
            </dl>
            <dl>
                <dt><a href="#"><img src="../i/82x82.png"></a></dt>
                <dd>
                    <div class="flcb_myGroupClass">
                        <h3>托福英语口语强化班<span>同城考生群</span></h3>
                        <div class="flcb_cardNum"><span>12345</span>人购买</div>
                    </div>
                    <div class="flcb_myGroupTime">
                        上课时间：<span>2015-10-29</span><span>12:30--15:30</span><span>群主：123456</span></div>
                    <div class="flcb_myGroupText">曾经有一份真诚的爱情摆在我的面前我没有去珍惜，直到现在才...</div>
                    <div class="flcb_cardButton">
                        <a href="../group-chat/groupchat-chat.html" target="_parent">进群聊天</a>
                        <a href="../group-chat/groupchat-details.html" target="_parent">群信息</a>
                        <a href="../group-chat/groupchat-edit.html" target="_parent">编辑资料</a>
                        <a href="###">退出系统管理员</a>
                        <a href="###">关闭群</a>
                    </div>
                </dd>
            </dl>
            <dl>
                <dt><a href="#"><img src="../i/82x82.png"></a></dt>
                <dd>
                    <div class="flcb_myGroupClass">
                        <h3>托福英语口语强化班<span>同城考生群</span></h3>
                        <div class="flcb_cardNum"><span>12345</span>人购买</div>
                    </div>
                    <div class="flcb_myGroupTime">
                        上课时间：<span>2015-10-29</span><span>12:30--15:30</span><span>群主：123456</span></div>
                    <div class="flcb_myGroupText">曾经有一份真诚的爱情摆在我的面前我没有去珍惜，直到现在才...</div>
                    <div class="flcb_cardButton">
                        <a href="../group-chat/groupchat-chat.html" target="_parent">进群聊天</a>
                        <a href="../group-chat/groupchat-details.html" target="_parent">群信息</a>
                        <a href="../group-chat/groupchat-edit.html" target="_parent">编辑资料</a>
                        <a href="###">退出系统管理员</a>
                        <a href="###">关闭群</a>
                    </div>
                </dd>
            </dl>
        </div>

        <div class="pageList">
            <ul>
                <li><span>1</span></li>
                <li>
                    <a href="###">2</a>
                </li>
                <li>
                    <a href="###">3</a>
                </li>
                <li>
                    <a href="###">4</a>
                </li>
                <li>
                    <a href="###">5</a>
                </li>
                <li>
                    <a href="###">最后一页</a>
                </li>
                <li>
                    <a href="###" class="pret">上一页</a>
                </li>
                <li>
                    <a href="###" class="next">下一页</a>
                </li>
            </ul>
        </div>

    </div>

    <div id="createContent" style="display: none;">
        <form class="form-horizontal">
            <div class="form-group">
                <label for="" class="col-sm-2 control-label">选择群类别</label>
                <div class="col-sm-10">
                    <select name="" class="form-control">
                        <option>同城考生群</option>
                        <option>网络考生群</option>
                    </select>
                </div>
            </div>
            <div class="form-group">
                <label for="" class="col-sm-2 control-label">群名称</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control" id="" placeholder="名称">
                </div>
            </div>

            <div class="form-group">
                <label for="" class="col-sm-2 control-label">上传群头像</label>
                <div class="col-sm-10">
                    <div class="flcb_cardBuildZp"><img src="../i/240x240.png" width="240" height="240"></div>
                </div>
            </div>
            <div class="form-group">
                <label for="" class="col-sm-2 control-label">群介绍</label>
                <div class="col-sm-10">
                    <textarea class="form-control">此处是群介绍</textarea>
                </div>
            </div>
            <div class="form-group">
                <label for="" class="col-sm-2 control-label">群规则</label>
                <div class="col-sm-10">
                    <textarea class="form-control">此处是群规则</textarea>
                </div>
            </div>

            <div class="form-group">
                <div class="col-sm-offset-2 col-sm-10">
                    <button type="submit" class="btn btn-success">确定</button>
                    <button type="reset" class="btn btn-warning">重置</button>
                </div>
            </div>
        </form>


    </div>

    <div class="modal fade" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">连接信息</h4>
                </div>
                <div class="modal-body">
                    <div class="layerQzBody">
                        <div class="layerQzH3">本群是&nbsp;同城考生群&nbsp;&nbsp;帝都杀托好青年都在这里</div>
                        <div class="layerQzText"><span>群管理员共有： 4 个</span> 现在有：3 个</div>
                        <div class="layerQzForm">
                            <textarea name="" cols="" rows="" class="layerQzInput">为什么要做群管理？</textarea>
                            <a class="layerQzButton" href="###">提交审核</a>
                        </div>
                    </div>

                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary">保存</button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>

</div>
</body>

</html>